$(function() {
    $("[data-toggle='popover']").popover({
        html : true,
        delay:{show:500, hide:2000},
        content: function() {
            return content();
        }
    });
    var userId= $("#userId").val();
    console.log(userId);
    var websocket = null;
    //判断当前浏览器是否支持WebSocket
    if('WebSocket' in window) {
        //改成你的地址
        websocket = new WebSocket("ws://127.0.0.1:9999/websocket/"+$("#userId").val());
    } else {
        alert('当前浏览器 Not support websocket')
    }

    //连接发生错误的回调方法
    websocket.onerror = function() {
        console.log("WebSocket连接发生错误");
    };

    //连接成功建立的回调方法
    websocket.onopen = function() {
        console.log("WebSocket连接成功");
    }
    //接收到消息的回调方法
    websocket.onmessage = function(event) {
        console.log("收到消息"+event.data);
        //弹框
        alert(event.data);
    }

    //连接关闭的回调方法
    websocket.onclose = function() {
        console.log("WebSocket连接关闭");
    }

    //监听窗口关闭事件，当窗口关闭时，主动去关闭websocket连接，防止连接还没断开就关闭窗口，server端会抛异常。
    window.onbeforeunload = function() {
        websocket.close();
    }
});
$.ajax({
    url: "/user/myMessageNum",
    type: 'get',
    dataType: 'json',
    // success: function(data) {},
})
//模拟动态加载内容(真实情况可能会跟后台进行ajax交互)
function content() {
    var data = $("<div style='background-color: #1b6d85'><a href='personal.html?1'>个人中心</a><br/>" +
        "<a aria-hidden='true' href='http://127.0.0.1:9009/user/showPetColList'>我的收藏</a><br/>" +
        "<a aria-hidden='true' href='http://127.0.0.1:9009/user/myMessage'>我的消息</a></div>");

    return data;
}